<template>
	<view class="result-wrap">
		<view class="result-img">
			<image src="~@/static/img/result-success.png" mode="成功"></image>
		</view>
		<view class="result-title" :class="[!type?'more-bottom':'']">{{title}}</view>
		<view class="result-sub-wrap">
			<view class="result-sub" v-if='type===1'>收款金额：<text class="amount">{{amount}}</text>元</view>
			<view class="result-sub" v-if='type===3'>线上退款：<text class="amount">{{amount}}</text>元</view>
		</view>
		<view class="result-btn">
			<tui-button width="240rpx" height="80rpx" :size="30" type="danger" shape="circle" @tap="goPage">{{btnText}}</tui-button>
		</view>
	</view>
</template>
<script>
	import tuiButton from '@/components/button/button';
export default {
	components: {
		tuiButton,
	},
	props:{
		title:{
			type:String,
			default:''
		},
		btnText:{
			type:String,
			default:''
		},
		type:{
			type:Number,
			default:2
		},
		amount:{//金额
			type:Number,
			default:0
		},
	},
	data() {
		return {
			
			
		};
	},
	onLoad() {
	},
	methods: {
		goPage(){
			this.$emit('goPage')
		},
	}
};
</script>

<style lang="scss">
.result-wrap{
	width: 100%;
	height: 100vh;
	text-align: center;
	.result-img{
		width:240rpx;
		height: 430rpx;
		margin: 0rpx auto;
		padding: 160rpx 0rpx 30rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.result-title{
		color: #111111;
		font-size: 38rpx;
		margin-bottom:26rpx;
	}
	.result-sub-wrap{
		height: 70rpx;
	}
	.result-sub{
		font-size: 32rpx;
		color: #999999;
	}
	.result-btn{
		width:240rpx;
		margin:0 auto;
	}
	.more-bottom {
		margin-bottom: 50rpx;
	}
}
</style>
